<!DOCTYPE html>
<!--页面语言：简体中文-->
<html lang="zh-CN">
<head>
    <!--页面字符集-->
    <meta charset="UTF-8">
    <!--使用最高版本的ie浏览器-->
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
    <!--页面渲染引擎-->
    <meta name="renderer" content="webkit">
    <!--网站关键字-->
    <meta name="keywords" content="九江学院，学工在线，安全教育，学生工作">
    <!--网站描述-->
    <meta name="description" content="九江学院学工在线是专门为九院学子精心设计的校园子网站，方便学生更好的了解校园工作及生活">
    <!--网站作者-->
    <meta name="author" content="信息学院2015级数字媒体技术专业Mr Zhang">
    <!--网站版权-->
    <meta name="copyright" content="信息科学与技术学院">
    <!--搜索引擎机器人建议规则-->
    <meta name="robots" content="follow,index">
    <title>人生导航-九江学院学工在线</title>
    <!--CSS Reset风格文件-->
    <link rel="stylesheet" href="css/normalize.css">
    <!--页面描述-->
    <link rel="stylesheet" href="css/describe.css">
    <script src="javascript/show_news_photo.js"></script>
</head>
<body>
<!--页面包围-->
<div class="wrapper">
    <!--页面首部-->
    <div class="header">
        <div class="title">
            <div id="logo"><img src="./image/logo1.jpg" alt="图标"></div>
            <div id="search">
                <table>
                    <tr>
                        <td>
                            <p class="wenzi">站内搜索:</p>
                        </td>
                        <td>
                            <input type="text" class="sousuo" height="32">
                        </td>
                        <td>
                            <input type="image" src="image/sousuo.png">
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="nav">
            <ul class="menu">
                <li><a href="#">首页</a>
                    <ul class="submenu">
                        <li><a href="#">新闻快讯</a></li>
                        <li><a href="#">最新公告</a></li>
                    </ul>
                </li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">机构设置</a>
                </li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">规章制度</a>
                    <ul class="submenu">
                        <li><a href="#">国家规章制度</a></li>
                        <li><a href="#">学校有关制度</a></li>
                    </ul>
                </li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">日常管理</a>
                    <ul class="submenu">
                        <li><a href="#">安全教育</a></li>
                        <li><a href="#">宿舍管理</a></li>
                        <li><a href="#">值班安排</a></li>
                    </ul>
                </li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">人生导航</a></li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">宿舍管理</a></li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">心理健康</a>
                    <ul class="submenu">
                        <li><a href="#">心理健康咨询中心</a></li>
                        <li><a href="#">心理协会</a></li>
                        <li><a href="#">心理咨询案例</a></li>
                        <li><a href="#">心理学知识</a></li>
                    </ul>
                </li>
                <li>
                    <span class ="cut">丨</span>
                    <a href="#">国防教育</a></li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">院系动态</a></li>
                <li>
                    <span class="cut">丨</span>
                    <a href="#">文件下载</a></li>
            </ul>
        </div>
        <div class="imag"><img src="./image/top1.jpg" alt="九江学院"></div>
    </div>
    <!--页面主体-->
    <div class="main">
        <div class="left">
            <div class="left_top">
                <div class="left_top_title">
                    <li>新闻快讯</li>
                    <div class="left_top_more"><img src="./image/more.png" alt="更多"></div>
                </div>
                <div class="left_top_body">
                    <div class="body_img">
                        <ul>
                            <li class="first"><a href="#" title="我校举行2017年叔子爱莲奖..." data-image="./image/2in4wjw98u.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this); return false;">1</a></li>
                            <li><a href="#" title="我校召开学生工作会议" data-image="./image/2cuq0tli7k.png" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">2</a></li>
                            <li><a href="#" title="我校隆重举行2017级新生军..." data-image="./image/2hcosk53cu.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">3</a></li>
                            <li><a href="#" title="我校喜迎2017级万名新生" data-image="./image/3q8kndh1qs.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">4</a></li>
                            <li><a href="#" title="我校举行毕业生文艺晚会 送..." data-image="./image/6x9cc7x1pt.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">5</a></li>
                            <li><a href="#" title="校长刘晓东到学生处团委调研" data-image="./image/4lowxe2og6.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">6</a></li>
                        </ul>
                        <div>
                            <img id="placeholder" src="" alt="新闻图片">
                            <p><a id="description" href="">新闻标题</a></p>
                        </div>
                    </div>
                    <div class="body_news">
                        <ul>
                            <li><a href="#" target="_blank">学校召开学生工作会议</a><span class="time">[2018/04/17]</span></li>
                            <li><a href="#" target="_blank">我校隆重举行2017级新生军训总结表彰大会暨开学典礼</a><span class="time">[2017/09/20]</span></li>
                            <li><a href="#" target="_blank">我校喜迎2017级万名新生</a><span class="time">[2017/09/07]</span></li>
                            <li><a href="#" target="_blank">我校举行毕业生文艺晚会 送别万名学子</a><span class="time">[2017/06/20]</span></li>
                            <li><a href="#" target="_blank">校长刘晓东到学生处团委调研</a><span class="time">[2017/05/16]</span></li>
                            <li><a href="#" target="_blank">我校辅导员在第五届江西省高校辅导员职业能力大赛中喜获佳绩</a><span class="time">[2017/04/07]</span></li>
                            <li><a href="#" target="_blank">启航2017——我校隆重举行2018元旦文艺晚会</a><span class="time">[2017/01/04]</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="left_middle">
                <div class="bgc"></div>
                <div class="left_middle_left">
                    <div class="left_middle_left_title">
                        <li><a href="#">院系动态</a><img src="./image/i_r8_c1_r2_c2.png" alt="更多"></li>
                    </div>
                    <div class="left_middle_left_body">
                        <ul>
                            <li><a href="#" target="_blank">会计学院开展”随堂清，随堂捡”横...</a><span class="time">[2018/04/17]</span></li>
                            <li><a href="#" target="_blank">土建学院召开2017级班主任工作大会</a><span class="time">[2017/09/20]</span></li>
                            <li><a href="#" target="_blank">经济与管理学院召开考研宣讲会</a><span class="time">[2017/04/07]</span></li>
                            <li><a href="#" target="_blank">化环学院开展征兵宣传工作主题班会</a><span class="time">[2016/04/13]</span></li>
                            <li><a href="#" target="_blank">化环学院召开新生开学典礼</a><span class="time">[2015/09/17]</span></li>
                            <li><a href="#" target="_blank">理学院召开新学期学生工作会</a><span class="time">[2015/08/31]</span></li>
                            <li><a href="#" target="_blank">会计学院2014级女生普通公寓搬迁调...</a><span class="time">[2014/11/19]</span></li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="left_middle_right">
                    <div class="left_middle_right_title">
                        <li><a href="#">日常管理</a><img src="./image/i_r8_c1_r2_c2.png" alt="更多"></li>
                    </div>
                    <div class="left_middle_right_body">
                        <ul>
                            <li><a href="#" target="_blank">信息学院开展宿舍安全隐患检查活动</a><span class="time">[2018/04/17]</span></li>
                            <li><a href="#" target="_blank">外国语学院开展节前寝室安全大排查</a><span class="time">[2017/09/20]</span></li>
                            <li><a href="#" target="_blank">土建学院开展“好习惯教育——按时...</a><span class="time">[2016/04/13]</span></li>
                            <li><a href="#" target="_blank">王万山副校长进行宿舍安全卫生检查</a><span class="time">[2015/09/17]</span></li>
                            <li><a href="#" target="_blank">化环学院学生宿舍搬迁工作顺利完成</a><span class="time">[2015/08/31]</span></li>
                        </ul>
                </div>
                </div>
                <!--滚动相册制作-->
            <div class="left_bottom">
                <div class="left_bottom_title">
                    <div class="left_bottom_text">
                        <li>精彩回眸</li>
                    </div>
                </div>
                <div id="scroll_box" class="left_bottom_body">
                    <div id="innerdiv">
                        <div id="scroll_begin">
                            <ul>
                                <li><img src="./image/01.jpg" alt=""></li>
                                <li><img src="./image/02.jpg" alt=""></li>
                                <li><img src="./image/03.jpg" alt=""></li>
                                <li><img src="./image/04.jpg" alt=""></li>
                                <li><img src="./image/01.jpg" alt=""></li>
                                <li><img src="./image/02.jpg" alt=""></li>
                            </ul>
                        </div>
                        <div id="scroll_end"></div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="right">
            <div class="right_top">
                <span class="right_top_01">最新公告</span>
                <img src="./image/more.png" alt="更多">
                <div id="demo">
                    <div id="demo1">
                        <ul id="express">
                            <li><a href="#">·  学生证明模板 </a><span class="time">11-24</span></li>
                            <li><a href="#">·  关于评选2017-2018学年优秀... </a><span class="time">06-01</span></li>
                            <li><a href="#">·  关于做好“五·一”期间学... </a><span class="time">04-28</span></li>
                            <li><a href="#">·  九江学院征兵工作实施方案 </a><span class="time">04-13</span></li>
                            <li><a href="#">·  关于做好清明节假期间学生... </a><span class="time">03-29</span></li>
                            <li><a href="#">·  公式 </a><span class="time">12-23</span></li>
                            <span>&nbsp;</span>
                        </ul>
                    </div>
                    <div id="demo2"></div>
                </div>
            </div>
            <div class="right_middle">
                <span class="right_middle_01">规章制度</span>
                <img src="./image/more.png" alt="更多">
                <div class="middle_main">
                    <ul>
                        <li><a href="#">·  学生手册电子版（2014）</a><span class="time">[11-05]</span></li>
                        <li><a href="#">·  学生操行评分办法</a><span class="time">[03-11]</span></li>
                        <li><a href="#">·  学生违纪处分条例</a><span class="time">[03-11]</span></li>
                        <li><a href="#">·  学生管理工作条例</a><span class="time">[03-11]</span></li>
                        <li><a href="#">·  九江学院加强学生学风建设工...</a><span class="time">[03-11]</span></li>
                        <li><a href="#">·  学生社团管理条例</a><span class="time">[03-11]</span></li>
                    </ul>
                </div>
            </div>
            <div class="right_bottom">
                <li class="bottom_01"><a href="#">文件下载</a></li>
                <li class="bottom_02"><a href="#">尚无内容。</a></li>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--页面尾部-->
    <div class="footer">
        <li><a href="#">九江学院学生处 版权所有</a></li>
    </div>
    <!--滚动图片效果-->
    <script src="javascript/scroll_pic.js"></script>
    <script src="javascript/show_news_photo.js"></script>
    <script src="javascript/show_textflow.js"></script>
</div>
</body>
</html>